import React from 'react'
import styles from './Index.module.css'
import MyNavBar from '../../components/Mynao/Index'
import { useNavigate } from 'react-router-dom'

function Index() {
    const nav=useNavigate()
  return (
    <div className={styles.yuanz}>

        <div>
            <MyNavBar title="院区列表" />
        </div>

        <div>
            
        </div>

        <div className={styles.list}>
            <div style={{marginLeft:'20px'}}>请选择院区</div>
            <div className={styles.fang1} onClick={()=>nav('/ke')}>
                <div className={styles.tup}>
                    <img src="./yu.png" alt="" />
                </div>

                <div>
                    <div className={styles.wen1}>四川省保健院南宛</div>
                    <div className={styles.wen2}>四川省成都市锦江区溪路666号</div>
                </div>

            </div>

             <div className={styles.fang1} onClick={()=>nav('/ke')}>
                <div className={styles.tup}>
                    <img src="./yu.png" alt="" />
                </div>

                <div>
                    <div className={styles.wen1}>四川省保健院北宛</div>
                    <div className={styles.wen2}>四川省成都市锦江区溪路666号</div>
                </div>

            </div>

             <div className={styles.fang1} onClick={()=>nav('/ke')}>
                <div className={styles.tup}>
                    <img src="./yu.png" alt="" />
                </div>

                <div>
                    <div className={styles.wen1}>四川省保健院体检中心</div>
                    <div className={styles.wen2}>四川省成都市锦江区溪路666号</div>
                </div>

            </div>
        </div>
      
    </div>
  )
}

export default Index
